@import 'default';
@import './component/banner';
@import './component/grid';
@import './component/tab';
@import './component/form';
.content{   
	width:100%;
	height: auto;
	padding:0px 0 50px;
	overflow: hidden;
}
.content-main{
    width:1200px;
    margin:0 auto;
}
.stepImg{
    display: block;
}
.joinGame-intro{
	padding:20px;
	padding-right:0;
	background:#f4f5f9;
}
.joinGame-intro-left{
	float: left;
	width:285px;
	margin-right:20px;
	height: auto;
}
.left-top-info{
	width:283px;
	height:305px;
	border:1px solid #e8e8e8;
	padding-top:23px;
	text-align: center;
	background: #fff;
}
.user-head{
	width:95px;
	height: 95px;
	background: url(../img/static/head.png) no-repeat;
	margin:0 auto;
}
.user-step-tip{
	font-size:13px;
	color:#656565;
	line-height: 28px;
	margin-top:10px;
}
.tip-txt{
	color:#fc7301;
	font-size: 13px;
	line-height:28px;
}
.registerBtn{
	font-size:15px;
	width:220px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:20px auto 0;
	background: #566076;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
	border-radius: 5px;
	color:#fff;
}
.left-bottom-rank{
	width:283px;
	height: auto;
	border:1px solid #e8e8e8;
	background: #fff;
	margin-top:20px;
}
.top-title{
	color:#576077;
	background: #f4f5f9;
	height: 40px;
	line-height: 40px;
	padding-left:16px;
	border-bottom:1px solid #e8e8e8;
}
.tab-select{
	position: absolute;
	right:16px;
	line-height: 40px;
	top:0;
	color:#576077;
	.yesterday,.today{
		cursor: pointer;
		&.current{
			color:#ff0000;
		}
	}
}
.tab-list{
	width:100%;
	height: 36px;
	line-height: 36px;
	border-bottom:1px solid #e8e8e8;
	overflow: hidden;
	background: #f4f5f9;
	.tab-name{
		width:108px;
		float: left;
		color:#576077;
		font-size:12px;
		text-align: center;
		&.first{
			text-align: left;
			padding-left:16px;
			width:50px;
		}
	}
}
.table{
	overflow: hidden;
	.table-cell{
		padding:5px 0;
		height: 26px;
		line-height: 26px;
		text-align: center;
		&.even{
			background: #f4f5f9;
		}
	}
	.cell-element{
		width:108px;
		float: left;
		font-size:12px;
	}
	.rank{
		width:25px;
		height: 26px;
		margin:0 25px 0 16px;
		&.first{
			background: url(../img/static/first.png) no-repeat;
		}
		&.second{
			background: url(../img/static/second.png) no-repeat;
		}
		&.third{
			background: url(../img/static/third.png) no-repeat;
		}
	}
	.name{
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}
	.rewards{
		color:#ff1800;
	}
}
.table-tip{
	line-height: 40px;
	padding-left:15px;
    font-size:12px;
    color:#656565;
}
.joinGame-intro-right{
	float: left;
	width:813px;
	height: auto;
	border:1px solid #e8e8e8;
	padding:30px 40px 40px 20px;
	background: #fff;
}
.title-area{
	overflow: hidden;
}
.line{
	width: 5px;
	height: 22px;
	background: #f46a00;
	float: left;
}
.title{
	float: left;
	line-height: 22px;
	font-size:22px;
	color:#2b363e;
	padding:0 9px;
}
.money{
	background: url(../img/static/money.png) no-repeat;
	width:10px;
	height: 10px;
	display: inline-block;
}
.count-down{
	line-height: 25px;
	color:#2b363e;
	.bold{
		font-weight: bold;
	}
	.count-down-time{
		display: inline-block;
		width:32px;
		height: 25px;
		background: #566076;
		color:#fc7301;
		margin:30px 10px 0;
		text-align: center;
	}
}
.rule-txt{
	font-size:13px;
	color:#2b363e;
	line-height: 32px;
	&.last{
		margin-bottom:30px;
	}
}
.title-tip{
	height: 22px;
    padding-left: 30px;
    float: left;
    font-size: 13px;
    color: #656565;
    line-height: 22px;
}
.reward-table{
	width:813px;
	border:1px solid #e8e8e8;
	height: auto;
	margin:30px 0 15px;
	&.spec{
		margin:15px 0;
	}
}
.reward-table-cell{
	width:406px;
	float: left;
	&.first{
		border-right:1px solid #e8e8e8;
	}
}
.table-cell-row{
	line-height: 40px;
	font-size:12px;
	color:#576077;
	background: #fff;
	overflow: hidden;
	height: 40px;
	&.odd{
		background: #f4f5f9;
	}
	.row-item{
		width:115px;
		text-align: center;
		float: left;
		&.first{
			width:60px;
		}
	}
}
.receive-btn{
	overflow: hidden;
	margin-bottom:30px;
	.receive-btn-txt{
		float: right;
		width:95px;
		height: 28px;
		margin-right:15px;
		background: #169bd5;
		text-align: center;
		line-height: 28px;
		color:#fff;
		font-size:13px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-ms-border-radius:3px;
		-o-border-radius:3px;
		border-radius: 3px;
	}
}
.fighting{
	width:106px;
	height: 28px;
	border:1px solid #ff0000;
	text-align: center;
	line-height: 28px;
	color:#ff0000;
	font-size:13px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius: 3px;
	margin-top:30px;
}
.rule-tip-txt{
	color:#656565;
	font-size:13px;
	line-height: 32px;
	&.red{
		color:#ff0000;
		margin-top:30px;
	}
}